<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
    <title>价格套餐</title>
    <link href="../../../static/css/bootstrap.css" type="text/css" media="screen" rel="stylesheet"/>
    <link rel="stylesheet" type="text/css" href="../../../static/css/dateRange.css"/>
    <link href="../../../static/css/set-meal.css" type="text/css" media="screen" rel="stylesheet"/>
</head>
    <style type="text/css">
        body.dashboard {
            background-color: #FBFBFB;
            /*font-family: "-apple-system-font,Helvetica Neue,PingFang SC,Microsoft YaHei,sans-serif";*/
            font-family: 400 1em/1.8 'Microsoft Yahei', 'PingFang SC', 'Avenir', 'Segoe UI', 'Hiragino Sans GB', STHeiti, 'Microsoft Sans Serif', 'WenQuanYi Micro Hei', sans-serif;
        }

        ul, li {
            list-style: none;
        }

        a {
            color: #606266;
            display: block;
            text-decoration: none !important;
        }

        a:hover, a:focus {
            /*color: #428bca;*/
            color: #606266;
        }

        hr {
            margin: 20px 0px 10px;
        }

        input {
            outline：none !important;
            padding: 0;
        }

        input:hover, input:focus {
            outline：none !important;
            border: none;
        }

        .padding-left05 {
            margin-left: 10px;
        }

        .mian-width {
            width: 1300px;
            margin: 0 auto;
        }

        .fs12 {
            font-size: 12px;
        }

        .fs14 {
            font-size: 14px;
        }

        .fs16 {
            font-size: 16px;
        }

        .fw700 {
            font-weight: 700;
        }

        .c3 {
            color: #606266;
        }

        .navbar-brand {
            padding: 7px 0;
        }

        .navbar {
            margin-bottom: 0;
        }

        .navbar-collapse {
            padding-left: 0px;
            padding-right: 0px;
        }

        .btn-login {
            border: 1px solid #fff;
            margin-right: 18px;
            padding: 5px 0 !important;
            text-align: center;
            color: #fff !important;
            width: 80px;
            font-size: 14px;
            display: inline-block;
            line-height: 1;
            white-space: nowrap;
            cursor: pointer;
            border-color: #dcdfe6;
            -webkit-appearance: none;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            outline: none;
            -webkit-transition: .1s;
            transition: .1s;
            font-weight: 500;
            -moz-user-select: none;
            -webkit-user-select: none;
            -ms-user-select: none;
            border-radius: 4px;
            margin-top: 14px;
        }

        .btn-login:hover {
            background-color: #fff !important;
            color: #525cdc !important;
        }

        .btn-register:hover {
            background-color: #757de3 !important;
            color: #fff !important;
        }

        .btn-register {
            background-color: #525cdc;
            border-color: #525cdc;
        }

        .auth-body-warp {
            display: none;
        }

        .auth-body {
            background-color: rgba(0, 0, 0, 0.8);
            position: fixed;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 1030;
            display: flex;
            align-items: center;
        }

        .body-middle {
            width: 100%;
            margin: 0 auto;
        }

        .body-middle form {
            display: flex;
            text-align: center;
            align-items: center;
        }

        .top-img {
            width: 100%;
            text-align: center;
            margin: 0 auto;
        }

        .panel-wrapper {
            width: 100%;
        }

        .panel {
            background-color: #fff;
            width: 440px;
            max-width: 100%;
            border: 1px solid #eee;
            border-radius: 10px;
            z-index: 100;
            padding: 30px 60px;
            margin: 20px auto;
        }

        .body-content {
            width: 1300px;
            margin: 75px auto 0;
        }

        .grabble {
            width: 100%;
        }

        .grabble-left {
            width: 80%;
            float: left;
            position: relative;
        }

        .grabble .grabble-input {
            width: 100%;
            height: 40px;
            padding: 0;
            text-indent: 1em;
            border: 1px solid #dcdfe6;
            border-radius: 5px;
        }

        .grabble-rigth {
            width: 18%;
            float: left;
            margin-left: 17px;
        }

        .grabble-button {
            display: inline-block;
            height: 40px;
            width: 100%;
            color: #fff;
            padding: 0;
            text-align: center;
            line-height: 40px;
            font-size: 16px;
            border-radius: 5px;
        }

        .show-module {
            width: 100%;
            margin-left: -10px;
            position: relative;
        }

        .show-module li.outer-li {
            width: 206px;
            float: left;
            font-size: 14px;
            margin-left: 10px;
            margin-top: 20px;
            text-align: center;
            cursor: pointer;
            border-radius: 5px;
            position: relative;
        }

        .show-module li.outer-li a {
            height: 40px;
            border: 1px solid #dcdfe6;
            line-height: 40px;
            border-radius: 5px;
        }

        .select-a {
            text-align: left;
            text-indent: 0.5em;
            background: url(../../../static/images/cxjt.png) no-repeat scroll 88% center transparent;
            background-size: 15px 8px;
            color: #606266;
        }

        .select-ul {
            position: absolute;
            top: 35px;
            width: 100%;
            margin: 10px auto;
            padding: 0;
            background-color: #fff;
            max-height: 300px;
            border: 1px solid #f5f7fa;
            border-radius: 5px;
            -moz-box-shadow: 2px 2px 13px #919191;
            -webkit-box-shadow: 2px 2px 13px #919191;
            box-shadow: 2px 2px 13px #919191;
            overflow-y: auto;
            z-index: 100;
            display: none;
            color: #606266;
        }

        .select-ul li {
            height: 40px;
            line-height: 40px;
        }

        .select-ul li:hover {
            background-color: #f5f7fa;
        }

        .content-middle-ul {
            width: 100%;
            margin-top: 20px;
        }

        .margin-top0 {
            margin-top: 0;
        }

        .li-titel {
            font-weight: 600;
            font-size: 20px;
        }

        .li-heat {
            text-align: left;
        }

        .close-img {
            float: right;
            width: 30px;
            height: 30px;
            margin-right: -45px;
            margin-top: -10px;
        }

        .user-information {
            overflow: hidden;
            margin: 10px auto 0;
        }

        .user-information img {
            border-radius: 100%;
        }

        .user-color {
            color: #fff;
            text-align: center;
            font-size: 16px;
            line-height: 29px;
            float: right;
        }
        .vip-ico{
            position: relative;
            top: 8px;
            left: -6px;
        }

        .grabble-select {
            width: 85px;
            position: absolute;
            top: 0px;
            min-height: 40px;
            left: 0px;
            background: url(../../../static/images/cxjt.png) no-repeat scroll 88% center transparent;
            background-size: 15px 8px;
            padding: 0;
            border-right: 1px solid #dcdfe6;
        }

        .grabble-select .outer-li {
            position: relative;
            min-height: 40px;
        }

        .grabble-select .outer-li .select-a {
            cursor: pointer;
            height: 40px;
            line-height: 40px;
        }

        .grabble-select .outer-li .select-ul {
            text-align: center;
            z-index: 110;
        }

        .head-content {
            color: #606266;
            margin: 10px auto;
        }

        .new-head-content {
            color: #606266;
            margin: 10px auto 15px;
        }

        .single-page {
            position: absolute;
            width: 315px;
            padding: 15px 15px 0 15px;
            margin: 10px 10px 10px 0;
            border: 1px solid #d4d4d4;
            background-color: #fff;
            border-radius: 5px;
        }

        .mian-img-div {
            width: 100%;
            text-align: center;
            border: 1px solid #ccc;
            margin: 0px auto;
            border-radius: 5px;
            -moz-box-shadow: 2px 2px 15px #c1c1c1;
            -webkit-box-shadow: 2px 2px 15px #c1c1c1;
            box-shadow: 2px 2px 15px #c1c1c1;
        }

        .mian-img {
            width: 96%;
            margin: 5px auto;
        }

        img.head-logo {
            width: 30px;
            height: 30px;
            border-radius: 50%;
            margin: 0px auto;
        }

        .head-content span {
            display: inline-block;
            height: 20px;
            margin-right: 10px;
            font-size: 12px;
        }

        span.span-right {
            cursor: pointer;
            text-align: right;
        }

        .heat-img {
            height: 15px;
            margin-top: -1px;
        }

        .clear {
            clear: both
        }

        a.select-a:hover, a.select-a:focus {
            color: #333;
        }

        .collect-button {
            text-align: right;
        }

        .a-button {
            display: inline-block;
            width: 65px;
            height: 25px;
            border: 1px solid #d8d8d8;
            text-align: center;
            line-height: 25px;
            font-size: 12px;
            color: #606266;
            border-radius: 5px;
            margin-right: 10px;
        }

        .outer-li-alone input {
            width: 100%;
            height: 99%;
            border: none;
            opacity: 0;
        }

        .label-explain {
            width: 100%;
        }

        .label-explain-title {
            width: 50px;
            float: left;
            margin-top: 10px;
        }

        .label-explain-content {
            width: 90%;
            float: left;
        }

        .label-explain-content .span {
            color: #7c6fab;
            background-color: #e2e7ff;
            border: 1px solid #d8d8d8;
            padding: 1px 10px;
            border-radius: 50px;
            display: inline-block;
            margin-top: 10px;
            margin-left: 5px;
        }

        .label-explain-content span img {
            margin-left: 5px;
            cursor: pointer;
        }

        .calendar-bg {
            background: url(../../../static/images/calendar.png) no-repeat 23px center;
        }
        .navbar-brand img{
        display: block;
          height: 26px;
      }
      .navbar-brand i{
          display: block;
          font-family: 黑体;
          font-size: 14px;
          letter-spacing: 17px;
          color: #fff;
      }
    </style>
<body>
<div id="top-nav" class="navbar navbar-xs navbar-inverse navbar-fixed-top">
    <div class="mian-width">
        <div class="navbar-header">
            <a class="navbar-brand" href="/index"><img src="../../../static/images/icon.png"
                                                       style="margin-right: 5px"/><i>优化师加速器</i></a>
        </div>
        <div class="navbar-collapse collapse" id="login_ul">
            <ul class="nav navbar-nav pull-right" id="loginUl" style="display: block;">
                <li class="dropdown g-theme">
                    <a class="btn-login" id="btnLogin">
                        登录
                    </a>

                </li>
                <li class="dropdown g-theme">
                    <a class="btn-login btn-register" id="btnRegister" style="margin-right: 10px;">
                        注册
                    </a>

                </li>

            </ul>

            <ul class="nav navbar-nav pull-right" style="display:none;position: relative;margin-right: 8px;"
                id="userList">
                <li class="dropdown user-information" style="cursor:pointer;margin-top: 15px">
                    <img src="../../../static/images/head.png" style="width: 30px;height: 30px;" id="show_list"/>
                    <img class="vip-ico" src="../../../static/images/vip.png" alt="">
                    <div class="user-color" id="company_name"></div>
                </li>
                <ul style="display:none;position: absolute;padding: 0;background-color: #fff;max-height: 300px;border: 1px solid #f5f7fa;border-radius: 5px;-moz-box-shadow:2px 2px 13px #919191; -webkit-box-shadow:2px 2px 13px #919191; box-shadow:2px 2px 13px #919191;overflow-y: auto;z-index: 100;color: #606266;width: 150px;text-align: center;left:-46px;top:65px;"
                    id="buttonList">
                    <li style="line-height: 40px;height: 40px;font-size: 14px;">
                        <a style="display: block;cursor:pointer;" id="user_page">
                            <img src="../../../static/images/YHXX.png"/>
                            用户信息
                        </a>
                    </li>
                    <li style="line-height: 40px;height: 40px;font-size: 14px;">
                        <a style="display: block;cursor:pointer;" id="collect_page">
                            <img src="../../../static/images/sc.png"/>
                            收藏列表
                        </a>
                    </li>
                     <li style="line-height: 40px;height: 40px;font-size: 14px;">
                        <a style="display: block;cursor:pointer;" id="order_page">
                            <img src="../../../static/images/order.png"/>
                            充值记录
                        </a>
                    </li>
                    <li style="line-height: 40px;height: 40px;font-size: 14px;cursor:pointer;" id="out">
                        <a style="display: block;">
                            <img src="../../../static/images/TCDL.png"/>
                            退出登录
                        </a>
                    </li>
                </ul>

            </ul>
            <ul class="nav navbar-nav pull-right" style="display: block;">
                <li class="dropdown g-theme">
                    <a href="/purchase_page" target="_blank" class="btn-login set-meal">
                        价格套餐
                    </a>

                </li>
            </ul>
            <ul class="nav navbar-nav pull-right" style="display: block;">
                <li class="dropdown g-theme">
                    <a href="/product_introduction" target="_blank" class="btn-login set-meal">
                        产品介绍
                    </a>

                </li>
            </ul>
            <ul class="nav navbar-nav pull-right" style="display: block;">
                <li class="dropdown g-theme">
                    <a href="/show_ad_school" target="_blank" class="btn-login set-meal">
                        知识学院
                    </a>

                </li>
            </ul>

        </div>
    </div>
</div>
<div class="set-banner"></div>
<div class="set-meal-pic">
    <div class="set-meal-pic-box">
        <img src="../../../static/images/set-meal-01.png"/>
        <a id="use_btn">免费体验</a>
    </div>
    <div class="set-meal-pic-box">
        <img src="../../../static/images/set-meal-02.png"/>
        <a id="buy_btn">立即购买</a>
    </div>
</div>

<div class="set-bottom-banner"></div>

<div class="footer_bg">
    <div class="foot1">
        <p class="foot1_txt">Add:广东省广州市天河区中山大道西1132号汇鑫大厦4楼</p>
        <p class="foot1_txt">Tel:400-858-8225</p>
    </div>
    <div class="foot">
        <p class=" foot_txt">COPYRIGHT (C) 2014-2016 广东原昇信息科技有限公司. ALL RIGHTS RESERVED
            <a href="http://www.miitbeian.gov.cn" style="color:#278FCF !important;">备案号：粤ICP备16061139号-2</a>
        </p>

    </div>
</div>
<style type="text/css">
    .logo-img-parent {
        text-align: center;
        margin: 14px auto;
    }

    .logo-img-parent img {
        width: 250px;
        height: 40px;
    }

    .mian-bg-wf {
        width: 480px;
        background-color: #fff;
        margin: 0px auto 0;
        border-radius: 10px;
        overflow: hidden;
        position: relative;
    }

    .mian-bg-wf-close {
        position: absolute;
        right: 20px;
        top: 20px;
        cursor: pointer;
    }

    .mian-bg-wf-top {
        width: 275px;
        height: 46px;
        border-radius: 20px;
        border: 1px solid #999;
        margin: 55px auto 30px;
        text-align: center;
    }

    .tacitly-style {
        color: #999;
        display: inline-block;
        width: 50%;
        float: left;
        line-height: 45px;
        cursor: pointer;
        font-size: 14px;
    }

    .pitch-bg {
        background-color: #999;
        color: #fff;
    }

    .left-top-radius20 {
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
    }

    .right-top-radius20 {
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
    }

    .company-name {
        width: 20px;
        height: 18px;
        background: url(../../../static/images/company_name.png);
    }

    .person-head-img {
        width: 19px;
        height: 18px;
        background: url(../../../static/images/head_img.png);
    }

    .person-phone {
        width: 14px;
        height: 20px;
        background: url(../../../static/images/phone.png);
    }

    .person-lock {
        width: 17px;
        height: 19px;
        background: url(../../../static/images/lock.png);
    }

    .login-index-form {
        width: 350px;
        margin: 0 auto;
    }

    .login-index-fd {
        position: relative;
    }

    .login-index-fd i {
        position: absolute;
        z-index: 100;
        top: 13px;
        left: 10px;
    }

    .login-index-fd-input {
        width: 350px;
        height: 45px;
        border-radius: 5px;
        border: 1px solid #dedede;
        text-indent: 38px;
        color: #4e4e4e;
        outline: none;
    }

    .login-index-fd-span {
        height: 30px;
        line-height: 30px;
        display: inline-block;
        width: 100%;
        text-align: left;
        opacity: 0;
        color: #ff7878;
    }

    .login-index-fd-input-code {
        position: absolute;
        height: 43px;
        width: 90px;
        font-size: 14px;
        text-align: center;
        right: 10px;
        top: 1px;
        cursor: pointer;
        border: none;
        color: #5065cd;
    }

    .login-button {
        height: 45px;
        background-color: #5065cd;
        color: #fff;
        line-height: 45px;
        border-radius: 5px;
        font-size: 14px;
        cursor: pointer;
        margin: 0px auto 45px;
    }

    .policy-div {
        margin: 20px auto 45px;
        color: #666;
        font-size: 14px;
    }

    .policy-div a {
        display: inline-block;
        color: #5065cd;
    }
</style>
<div class="auth-body-warp">
    <div class="auth-body">
        <div class="body-middle">
            <div class="logo-img-parent">
                <img src="../../../static/images/logo.png"/>
            </div>

            <div class="mian-bg-wf">
                <img src="../../../static/images/GB.png" class="mian-bg-wf-close" id="close_btn"/>
                <div id="jsRegister" class="mian-bg-wf-top">
                    <div class="tacitly-style left-top-radius20 pitch-bg" id="change_login">登录</div>
                    <div class="tacitly-style right-top-radius20" id="change_register">注册</div>
                </div>

                <form class="login-index-form" id="login-index" style="display: block;">
                    <div class="login-index-fd">
                        <i class="person-phone"></i>
                        <input type="text" placeholder="手机号码" class="focus-input-border login-index-fd-input"
                               id="personagePhone"/>
                        <sapn class="login-index-fd-span">输入手机号码</sapn>
                    </div>
                    <div class="login-index-fd">
                        <i class="person-lock"></i>
                        <input type="text" placeholder="验证码" class="focus-input-border login-index-fd-input"
                               id="personageCode"/>
                        <sapn class="login-index-fd-span">输入验证码</sapn>
                        <input type="text" value="获取验证码" readonly="" id="gainCode" class="login-index-fd-input-code"/>
                    </div>
                    <div class="login-button" id="loginButton">登录</div>
                </form>

                <form style="display: none;" id="register-index" class="login-index-form">
                    <div class="login-index-fd">
                        <i class="company-name"></i>
                        <input type="text" placeholder="公司名称" class="focus-input-border login-index-fd-input"
                               id="registerCompanyName"/>
                        <sapn class="login-index-fd-span">输入公司名称</sapn>
                    </div>
                    <div class="login-index-fd">
                        <i class="person-head-img"></i>
                        <input type="text" placeholder="姓名" class="focus-input-border login-index-fd-input"
                               id="registerName"/>
                        <sapn class="login-index-fd-span">输入姓名</sapn>
                    </div>
                    <div class="login-index-fd">
                        <i class="person-phone"></i>
                        <input type="text" placeholder="手机号码" class="focus-input-border login-index-fd-input"
                               id="registerPhone"/>
                        <sapn class="login-index-fd-span">输入手机号码</sapn>
                    </div>
                    <div class="login-index-fd">
                        <i class="person-lock"></i>
                        <input type="text" placeholder="验证码" class="focus-input-border login-index-fd-input"
                               id="registerCode"/>
                        <sapn class="login-index-fd-span" id="input_code">输入验证码</sapn>
                        <input type="text" value="获取验证码" class="login-index-fd-input-code" readonly=""
                               id="register_gainCode"/>
                    </div>
                    <div class="login-button" id="registerButton">注册</div>
                    <div class="policy-div">注册即表示您同意 <a href="/agreement_page" target="_blank">服务条款</a> 和 <a
                            href="/privacy" target="_blank">隐私政策</a>。
                    </div>
                </form>
            </div>

        </div>
    </div>
</div>
</body>
<script type="text/javascript" src="../../../static/js/jquery.js"></script>
<script type="text/javascript" src="../../../static/js/echarts.common.min.js"></script>
<script type="text/javascript" src="../../../static/js/dateRange.js"></script>
<script type="text/javascript" src="../../../static/js/monthPicker.js"></script>
<script type="text/javascript" src="../../../static/js/jquery.ui.core.js"></script>
<script type="text/javascript" src="../../../static/js/jquery.ui.widget.js"></script>
<script type="text/javascript" src="../../../static/js/jquery.ui.mouse.js"></script>
<script type="text/javascript" src="../../../static/js/jquery.ui.sortable.js"></script>
<script type="text/javascript" src="../../../static/js/bootstrap.js"></script>
<script type="text/javascript" src="../../../static/js/xadmin.main.js"></script>
<script type="text/javascript" src="../../../static/js/xadmin.responsive.js"></script>
<script type="text/javascript" src="../../../static/js/jquery.ui.effect.js"></script>
<script type="text/javascript" src="../../../static/js/xadmin.plugin.themes.js"></script>
<script type="text/javascript" src="../../../static/js/xadmin.page.dashboard.js"></script>
<script type="text/javascript" src="../../../static/js/xadmin.plugin.portal.js"></script>
<script type="text/javascript" src="../../../static/js/jquery.freetile.min.js"></script>
<script type="text/javascript" src="../../../static/js/base64.js"></script>
<script type="text/javascript">
    $("#jsRegister div").click(function () {
        $("#jsRegister div").removeClass("pitch-bg");
        $(this).addClass("pitch-bg");

        if ($(this).index() == 0) {
            $("#login-index").css("display", "block");
            $("#register-index").css("display", "none");
        } else {
            $("#login-index").css("display", "none");
            $("#register-index").css("display", "block");
        }
    })
    //获取焦点
    $(".focus-input-border").focus(function () {
        $(this).css("border", "1px solid #71c977");
        $(this).next().css("opacity", "0");
    })
    //失去焦点
    $(".focus-input-border").blur(function () {
        $(this).css("border", "1px solid #dedede");
    })
    //登录
    $("#loginButton").click(function () {
        var personagePhone = $("#personagePhone").val();
        var personageCode = $("#personageCode").val();
        if (personagePhone == '') {
            $("#personagePhone").css("border", "1px solid #ff7878")
            $("#personagePhone").next().css("opacity", "1");
        } else if (personageCode == '') {
            $("#personageCode").css("border", "1px solid #ff7878")
            $("#personageCode").next().css("opacity", "1");
        }
    })
    //注册
    $("#registerButton").click(function () {
        var registerCompanyName = $("#registerCompanyName").val();
        var registerName = $("#registerName").val();
        var registerPhone = $("#registerPhone").val();
        var registerCode = $("#registerCode").val();
        if (registerCompanyName == '') {
            $("#registerCompanyName").css("border", "1px solid #ff7878")
            $("#registerCompanyName").next().css("opacity", "1");
        } else if (registerName == '') {
            $("#registerName").css("border", "1px solid #ff7878")
            $("#registerName").next().css("opacity", "1");
        } else if (registerPhone == '') {
            $("#registerPhone").css("border", "1px solid #ff7878")
            $("#registerPhone").next().css("opacity", "1");
        } else if (registerCode == '') {
            $("#registerCode").css("border", "1px solid #ff7878")
            $("#registerCode").next().css("opacity", "1");
        }
    })

    //登录验证码
    $("#gainCode").click(function () {
        var re = /^1[345678]\d{9}$/; //校验手机号
        if (re.test($('#personagePhone').val())) {
            $.get('/is_exist_mobile', {
                mobile: $('#personagePhone').val(),
            }, function (msg) {

                var jsonstr = JSON.stringify(msg)
                var result = eval('(' + jsonstr + ')')
                if (result['respcode'] == 1) {
                    //发送验证码
                    countdown($("#gainCode"));
                    $.get('/user/send_message', {
                        mobile: $('#personagePhone').val(),
                    }, function (msg) {



                    });
                    alert(result['detail'])
                } else {
                    alert(result['detail'])
                    $('#change_login').removeClass('pitch-bg')
            $('#change_register').addClass('pitch-bg')
            $('#login-index').css('display', 'none')
            $('#register-index').css('display', 'block')
            $(".auth-body-warp").show();
                }
            });
        }
        else {
            alert("请输入正确的手机号！")
        }
    })


    //登录校验
    $('#loginButton').click(
        function () {
            var re = /^1[345678]\d{9}$/; //校验手机号
            if (re.test($('#personagePhone').val())) {
                $.ajax({
                    type: "POST",
                    dataType: "json",
                    url: "/mobile_login/",//url
                    data: {'mobile': $('#personagePhone').val(), 'code': $('#personageCode').val()},
                    success: function (data) {

                        var token_split = data.token.split('.')

                        token = token_split[1]
                        var str = Base64.decode(token);

                        setcookie("tooken", data.token)
                        window.location.reload();
                    },
                    error: function (data) {
                        var response_text = eval('(' + data.responseText + ')');

                        alert(response_text.non_field_errors[0])
                    }
                })
            } else {
                alert("请输入正确的手机号！")
            }
        })

    //验证码倒计时
    function countdown(obj) {
        var count = 60;
        $(obj).css({background: '#fff'}).val(count.toString() + "秒").attr('disabled', 'disabled');

        var doCount = function () {
            if (--count < 1) {
                var t2 = clearInterval(t1);
                $(obj).css({background: '#fff'}).val('重新发送').removeAttr('disabled');
            }
            else {
                $(obj).val(count.toString() + "秒");
            }
        };

        t1 = setInterval(function () {
            doCount();
        }, 1000);

    }
</script>
<script type="text/javascript" src="../../../static/js/top-common.js"></script>
<script>
    //免费体验
    $("#use_btn").click(function () {
        if (getCookie("tooken") != "" && getCookie("tooken") != "null") {
            window.location.href = "/index"
            return
        }
        $('#login-index').css('display', 'block')
        $('#register-index').css('display', 'none')
        $(".auth-body-warp").show();
    })
    $('#buy_btn').click(function () {

        if (getCookie("tooken") != "" && getCookie("tooken") != "null") {
            window.open("about:blank","alipay")   //打开新窗口，地址为"about:blank"，窗口名为"alipay

            var req_data = {
                type: 1
                {#csrfmiddlewaretoken: "{{ csrf_token }}"#}
            }
            $.post("/pay_page/", req_data, function (data) {

                    window.open(null,'alipay').location.href = data.url
                    //回调函数的返回值赋值给名为"alipay"的窗口

            })
            return
        }
        $('#login-index').css('display', 'block')
        $('#register-index').css('display', 'none')
        $(".auth-body-warp").show();
    })
</script>
</html>